﻿.hi-center .w540 {
  width: 540px; }
.hi-center .w475 {
  width: 475px; }
.hi-center .w433 {
  width: 433px; }
.hi-center .w115 {
  width: 115px; }
.hi-center .w415 {
  width: 415px; }
.hi-center .w95 {
  width: 95px; }
.hi-center .w435 {
  width: 435px; }
.hi-center .moodRecord {
  /*width: 540px;*/
  padding: 0 0 15px 20px; }
  .hi-center .moodRecord .moodLabel {
    position: absolute;
    line-height: 26px;
    left: 8px;
    color: #999; }
  .hi-center .moodRecord .moodRecTxt {
    width: 528px;
    height: 88px;
    padding: 0 5px;
    font-size: 12px;
    color: #666;
    line-height: 22px;
    border: 1px solid #E7E5E5;
    border-radius: 4px;
    box-shadow: 0 1px #B2B2B2 inset; }
    .hi-center .moodRecord .moodRecTxt:focus {
      outline-width: 0; }
  .hi-center .moodRecord .faces {
    display: inline-block;
    height: 20px;
    line-height: 20px; }
    .hi-center .moodRecord .faces i {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 6px;
      vertical-align: middle;
      background: url(../images/icon_bar.png) -420px -20px no-repeat; }
.hi-center .messageListBox {
  padding: 20px 0 0 20px; }
.hi-center .bgborderBottom {
  background: url(../images/bgmood.png) 0 bottom no-repeat; }
.hi-center .msgListTabUl li {
  float: left;
  margin-left: -1px; }
  .hi-center .msgListTabUl li a {
    display: block;
    height: 28px;
    padding: 0 10px;
    line-height: 28px;
    text-decoration: none;
    border: 1px solid #DADADA;
    color: #333;
    float: left; }
    .hi-center .msgListTabUl li a i {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 3px;
      vertical-align: middle;
      background: url(../images/icon_bar.png) no-repeat; }
    .hi-center .msgListTabUl li a.on {
      color: #fff;
      border: 1px solid #6EBEDB;
      background-color: #6EBEDB;
      position: relative;
      z-index: 1; }
.hi-center .msgListTabUl .all {
  margin: 0; }
  .hi-center .msgListTabUl .all a {
    border-radius: 2px 0 0 2px; }
    .hi-center .msgListTabUl .all a i {
      background-position: -340px -40px; }
  .hi-center .msgListTabUl .all .on i {
    background-position: -360px -40px; }
.hi-center .msgListTabUl .guess a i {
  background-position: -380px -41px; }
.hi-center .msgListTabUl .guess .on i {
  background-position: -400px -41px; }
.hi-center .msgListTabUl .friends a i {
  background-position: -420px -41px; }
.hi-center .msgListTabUl .friends .on i {
  background-position: -440px -41px; }
.hi-center .msgListTabUl .mine a {
  border-radius: 0 2px 2px 0; }
  .hi-center .msgListTabUl .mine a i {
    background-position: -460px -41px; }
.hi-center .msgListTabUl .mine .on i {
  background-position: -480px -41px; }
.hi-center .myMoodBox {
  width: 538px;
  padding: 0 20px; }
.hi-center .myMood {
  line-height: 22px;
  background-color: #F1FBFF;
  border: 1px solid #D4F3FF; }
  .hi-center .myMood .deleteMood {
    display: block;
    width: 20px;
    height: 20px;
    margin: -1px -1px 0 0;
    float: right;
    background: url(../images/icon_bar.png) -480px -20px no-repeat #dbdbdb; }
    .hi-center .myMood .deleteMood:hover {
      background-color: #E60000; }
  .hi-center .myMood .myMoodCtn {
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis; }

.hi-moodRecord {
  margin-bottom: -40px; }
  .hi-moodRecord .w460 {
    width: 460px; }
  .hi-moodRecord .moodLabel {
    position: absolute;
    line-height: 26px;
    left: 8px;
    color: #999; }
  .hi-moodRecord .h-moodRecTxt {
    width: 448px;
    height: 88px;
    padding: 0 5px;
    font-size: 12px;
    color: #666;
    line-height: 22px;
    border: 1px solid #E7E5E5;
    border-radius: 4px;
    box-shadow: 0 1px #B2B2B2 inset; }
    .hi-moodRecord .h-moodRecTxt:focus {
      outline-width: 0; }

.hi-newContent {
  line-height: 20px; }
  .hi-newContent .username {
    font-weight: bold;
    font-size: 14px;
    text-decoration: none; }
  .hi-newContent .boldText {
    font-weight: bold;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    word-wrap: break-word;
    word-break: break-all; }
    .hi-newContent .boldText:hover {
      color: #0F9BCF; }
  .hi-newContent .hpText {
    color: #666;
    word-wrap: break-word;
    word-break: break-all; }
    .hi-newContent .hpText:hover {
      color: #0F9BCF;
      text-decoration: underline; }

.hi-bdbcbcb {
  border-bottom: 1px dotted #CBCBCB; }

.hi-innerNewCtnBox .sharp {
  height: 8px;
  background: url(../images/sharp.png) 35px bottom no-repeat;
  position: relative;
  z-index: 1; }
.hi-innerNewCtnBox .innerNewCtn {
  margin-top: -1px;
  padding: 18px 20px;
  border: 1px solid #E7E5E5;
  border-radius: 4px;
  background-color: #FAFAFA; }

.hi-homepageMessage {
  line-height: 28px; }

.hi-center-left .w740 {
  width: 740px; }
.hi-center-left .w680 {
  width: 680px; }
.hi-center-left .hpUserInfoBox {
  width: 170px;
  height: 330px;
  margin-top: -152px;
  padding: 2px;
  position: relative;
  z-index: 2; }
  .hi-center-left .hpUserInfoBox .hpUserInfoBoxBg {
    width: 174px;
    height: 334px;
    border-radius: 2px;
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  .hi-center-left .hpUserInfoBox .hpUserInfoInner {
    width: 170px;
    height: 330px;
    line-height: 20px;
    background-color: #fff; }
    .hi-center-left .hpUserInfoBox .hpUserInfoInner .hpUserInfo1 {
      width: 160px;
      padding: 5px 5px 0;
      border-bottom: 1px solid #D1D1D1; }
      .hi-center-left .hpUserInfoBox .hpUserInfoInner .hpUserInfo1 ul {
        margin-left: -1px; }
        .hi-center-left .hpUserInfoBox .hpUserInfoInner .hpUserInfo1 ul li {
          width: 52px;
          margin-bottom: 10px;
          text-align: center;
          border-left: 1px solid #BABABA;
          float: left; }
          .hi-center-left .hpUserInfoBox .hpUserInfoInner .hpUserInfo1 ul li .num {
            font-size: 16px;
            color: #333; }
            .hi-center-left .hpUserInfoBox .hpUserInfoInner .hpUserInfo1 ul li .num:hover {
              color: #0f9bcf; }
    .hi-center-left .hpUserInfoBox .hpUserInfoInner .hpUserInfo2 {
      padding: 6px 10px 0; }
.hi-center-left .hpUserInfoBox2 .hpUserInfo3 {
  width: 545px;
  padding: 10px 0 0 12px; }
  .hi-center-left .hpUserInfoBox2 .hpUserInfo3 .levelBox {
    width: 110px; }
    .hi-center-left .hpUserInfoBox2 .hpUserInfo3 .levelBox .bgLevel {
      display: inline-block;
      width: 75px;
      height: 8px;
      line-height: 0;
      border-radius: 5px;
      overflow: hidden;
      background: url(../images/hibgbtn_1.png) 0 -1529px repeat-x; }
      .hi-center-left .hpUserInfoBox2 .hpUserInfo3 .levelBox .bgLevel .level {
        display: inline-block;
        height: 8px;
        background: url(../images/hibgbtn_1.png) 0 -1547px repeat-x; }
  .hi-center-left .hpUserInfoBox2 .hpUserInfo3 .hpUserName {
    font-size: 18px; }
    .hi-center-left .hpUserInfoBox2 .hpUserInfo3 .hpUserName:hover {
      text-decoration: none; }
.hi-center-left .hpUserInfoBox2 .hpUserInfo4 {
  width: 557px; }
  .hi-center-left .hpUserInfoBox2 .hpUserInfo4 .leftSharp {
    width: 12px;
    height: 90px;
    background: url(../images/sharp2.png) 0 10px no-repeat; }
  .hi-center-left .hpUserInfoBox2 .hpUserInfo4 .rightCtn {
    width: 505px;
    height: 70px;
    padding: 15px 20px 5px;
    line-height: 22px;
    background-color: #EEF7E6;
    box-shadow: 1px 1px #DAD9D9; }
.hi-center-left .homepagePhotoAlbum {
  width: 740px;
  height: 90px; }
  .hi-center-left .homepagePhotoAlbum .prev, .hi-center-left .homepagePhotoAlbum .next {
    display: block;
    width: 29px;
    height: 29px;
    margin-top: 30px;
    background: url(../images/bghppica.png) no-repeat; }
  .hi-center-left .homepagePhotoAlbum .next {
    background-position: -29px 0; }
  .hi-center-left .homepagePhotoAlbum .on .prev {
    background-position: 0 -29px; }
  .hi-center-left .homepagePhotoAlbum .on .next {
    background-position: -29px -29px; }
  .hi-center-left .homepagePhotoAlbum .photoAlbumBox {
    width: 660px;
    height: 90px; }
    .hi-center-left .homepagePhotoAlbum .photoAlbumBox ul li {
      width: 660px;
      height: 90px;
      float: left; }
      .hi-center-left .homepagePhotoAlbum .photoAlbumBox ul li .photoBox {
        width: 680px; }
      .hi-center-left .homepagePhotoAlbum .photoAlbumBox ul li .photo {
        width: 120px;
        height: 90px;
        margin-right: 15px;
        float: left; }
.hi-center-left .hi-bgborderBottom2 {
  width: 740px;
  height: 1px;
  margin-left: 20px;
  background: url(../images/bgborder.png) right bottom no-repeat; }
.hi-center-left .homepageContent .w63 {
  width: 63px; }
.hi-center-left .homepageContent .w395 {
  width: 395px; }
.hi-center-left .homepageContent .hpUserInfoTitle {
  font-weight: bold;
  line-height: 30px;
  border-bottom: 1px solid #D6D6D6; }
.hi-center-left .homepageContent .hpUserInfoUl {
  line-height: 28px; }
.hi-center-left .homepageContent .hpUserInfoLevel {
  line-height: 28px;
  border: 4px solid #ECECEC;
  border-radius: 4px; }
  .hi-center-left .homepageContent .hpUserInfoLevel ul {
    width: 290px;
    padding: 10px 20px;
    border: 1px solid #E1E1E1; }
    .hi-center-left .homepageContent .hpUserInfoLevel ul li .bgLevel {
      display: inline-block;
      width: 220px;
      height: 10px;
      line-height: 0;
      border-radius: 10px;
      vertical-align: middle;
      background-color: #C7C7C7;
      overflow: hidden; }
      .hi-center-left .homepageContent .hpUserInfoLevel ul li .bgLevel .level {
        display: inline-block;
        height: 10px;
        vertical-align: middle;
        background-color: #FFB400; }

.hi-replaceSkinBox {
  width: 1000px; }
  .hi-replaceSkinBox .topButton {
    height: 30px; }
    .hi-replaceSkinBox .topButton .skin-btnRcm {
      display: block;
      width: 110px;
      height: 30px;
      text-align: center;
      font: bold 14px/30px \5FAE\8F6F\96C5\9ED1;
      color: #666;
      text-decoration: none;
      border-radius: 4px 4px 0 0;
      background-color: #6EBEDB; }
    .hi-replaceSkinBox .topButton .skin-btnClose {
      display: block;
      width: 40px;
      height: 30px;
      border-radius: 4px 4px 0 0;
      background: url(../images/bgskinclose.png) no-repeat #6ebedb; }
      .hi-replaceSkinBox .topButton .skin-btnClose:hover {
        background-position: -40px 0; }
  .hi-replaceSkinBox .selectSkinBox {
    width: 1000px;
    height: 200px;
    padding: 40px 0 0;
    background: url(../images/img1000x240.png) no-repeat; }
  .hi-replaceSkinBox .ctrlBox {
    width: 40px;
    padding-top: 30px; }
    .hi-replaceSkinBox .ctrlBox a {
      display: block;
      width: 25px;
      height: 50px;
      background: url("../images/btnrpl.png") no-repeat; }
    .hi-replaceSkinBox .ctrlBox .prev:hover {
      background-position: -25px 0; }
    .hi-replaceSkinBox .ctrlBox .next {
      background-position: -50px 0; }
      .hi-replaceSkinBox .ctrlBox .next:hover {
        background-position: -75px 0; }
  .hi-replaceSkinBox .skinOptionsBox {
    width: 920px; }
  .hi-replaceSkinBox .skinOptionsUl {
    width: 1220px;
    height: 110px; }
    .hi-replaceSkinBox .skinOptionsUl li {
      width: 190px;
      height: 110px;
      margin-right: 53px;
      background: url(../images/bgskinpic.png) no-repeat;
      float: left; }
      .hi-replaceSkinBox .skinOptionsUl li a {
        display: inline-block;
        width: 180px;
        height: 100px;
        border: 5px solid #fff; }
        .hi-replaceSkinBox .skinOptionsUl li a.on {
          border: 5px solid #ED1B29; }
  .hi-replaceSkinBox .operationButtons {
    width: 130px; }
